.container {
  width: 220px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 20px;
  border-radius: 5px;
} 

.button1 {
  width: 100px;
  height: 25px;
  line-height: 25px;
  background-color: #2e82ff;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  border-radius: 15px;
  position: relative;
  cursor: pointer;
}
.button1:active { 
  background-color: #2461bc; 
}
.button1:hover { 
  background-color: #2b73de; 
}
.button1::before {
  content: "";
  position: absolute;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: 
      linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 70%);
  background-size: 200%;
  animation: wipes 1s infinite;
}
@keyframes wipes {
  0% {
      background-position: 0 0;
  }
  100% {
      background-position: 100% 0;
  }
}

#notice {
  color: #2772e3;
  cursor: pointer;
}